<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<title>Skybar Student Assessment Management System</title>  
<script src="../scripts/jquery-1.7.2.js" type="text/javascript"></script>  
<style type="text/css">
table		{ border:0;border-collapse:collapse;}
td	{ font:normal 12px/17px Arial;padding:2px;width:100px;}
th			{ font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;}
.even		{ background:#FFF38F;}  
.odd		{ background:#FFFFEE;} 
.selected		{ background:#FF6500;color:#fff;}
</style>
<script type="text/javascript">
	$(function(){
		$("tbody>tr:odd").addClass("odd"); //先排除第一行,然后给奇数行添加样式
		$("tbody>tr:even").addClass("even"); //先排除第一行,然后给偶数行添加样式
		$('tbody>tr').click(function() {
			$(this)
				.addClass('selected')
				.siblings().removeClass('selected')
				.end()
				.find(':radio').attr('checked',true);
		});
		// 如果单选框默认情况下是选择的，则高色.
		 // $('table :radio:checked').parent().parent().addClass('selected');
		//简化:
		  $('table :radio:checked').parents("tr").addClass('selected');
         //再简化:
		 //$('tbody>tr:has(:checked)').addClass('selected');

	})
</script>
</head>
<body>

<div id="wrap">

<div id="header">
<h1><a href="#">Skybar Student Assessment Management System</a></h1>
<br>
<h2>an application for the real world</h2>
</div>

